/* CSS Document */
*{margin:0; padding:0}
body{font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#333333; background:url(Backup.jpg) top center no-repeat fixed}
image{border:0}
a{color:#333; text-decoration:none}
a:hover{color:#fb1402}

#container{width:100%; height:100%; overflow:hidden}
#intro{width:3456px; height:768px; background:url(Backup.jpg) no-repeat}

#col1{width:900px; height:768px; float:left; overflow:hidden}
#col1 .hoitu a{display:block;line-height:14px; float:left; color:#FFFFFF; font-size:11px; font-weight:bold; text-transform:uppercase; text-align:center; padding:10px}
#col1 .hoitu a:hover{color:#FFFF00}
#col1 #hoitu1{width:85px; float:left; margin:340px 0 0 302px}
#col1 #hoitu2{width:85px; float:left; margin:340px 0 0 34px}
#col1 #hoitu3{width:85px; float:left; margin:373px 0 0 78px}
#col1 #hoitu4{width:85px; float:left; margin:367px 0 0 72px}

#col2{width:1892px; height:768px; float:left; overflow:hidden}
#col2 #event{width:345px; height:62px; clear:both; margin-left:553px}
#col2 #danxe{width:1800px; height:240px; clear:both; overflow:hidden; margin:213px 0 0 80px}
#col2 #danxe .iteminto{width:auto; height:240px; float:left; margin:0}
#col2 #menu{width:1110px; height:50px; clear:both; color:#FFFFFF; margin:50px 0 0 640px; padding:28px 0 0 40px; background:url(images/menu.png) no-repeat left top}
#col2 #menu a{color:#FFFFFF; line-height:48px; padding:10px 0; font-size:11px; text-transform:uppercase }
#col2 #menu a:hover{color:#FFFF00}
#col2 #logo{width:116px; height:116px; margin:-65px 0 0 1160px}

#col3{width:640px; height:768px; float:left; overflow:hidden}
#col3 #trungtam {width:226px; height:29px; float:left; margin:131px 0 0 300px}
#col3 #langamthuc {width:116px; height:27px; float:left; margin-top:29px; margin-bottom:180px}
#col3 #xedocquyen {width:568px; height:249px; clear:both; margin-left:50px}

/*popup*/
#backgroundPopup{display:none; position:fixed; _position:absolute; height:100%; width:100%; top:0; left:0; background-color:#000; z-index:1}
#popupContact{display:none; position:fixed; _position:absolute; height:500px; width:auto; z-index:2; font-size:13px; margin:auto}
#popupContact .content{width:450px; float:right; margin-top:50px}
#popupContact h2{text-align:left; color:#FFF; font-size:30px; font-weight:bolder}
#popupContactClose{float:right}
#popupContact p{background: rgba(49,49,49,0.8); padding:5px 10px; color:#FFF; line-height:22px}

/*wrapper*/
#wrapper{width:1000px; margin:0 auto; padding-top:5px}
#content{background:url(images/content.gif); padding:0 10px}
#noibat{width:350px; float:left; margin-right:20px}
#noibat h1{font-size:18px; margin-top:5px}
#noibat a{color:#7b1416}
#noibat a:hover{color:#000; text-decoration:underline}
#noibat p{line-height:18px; text-align:justify}

#noibat2 {width:280px; float:left}
#noibat2 div{width:100%; height:70px; margin-bottom:5px; clear:both; border-bottom:solid 1px #BFBFBF}
#noibat2 img{float:left; margin-right:5px}
#noibat2 span{line-height:18px}
#noibat2 a{display:block; clear:both; color:#333; font-weight:bold}
#noibat2 a:hover{color:#000; text-decoration:underline}

#noibat3{width:310px; height:100px; float:right; background:#999999}
#noibat3 iframe{width:310px; height:260px}
#noibat3 h3{line-height:24px}
#noibat3 p{background:url(images/li.gif) no-repeat top left; padding:6px 0 6px 10px}
#noibat3 a{color:#333333}
#noibat3 a:hover{color:#000; text-decoration:underline}

#xeco{width:100%; clear:both; text-align:center}
#xeco .item{width:235px; float:left; padding:0 5px}
#xeco .item img{width:230px; height:150px}
#xeco .item h2{font-size:15px}
#xeco .item a{color:#7b1416; line-height:24px; text-align:left}
#xeco .item a:hover{color:#000; text-decoration:underline}
#xeco .item p{line-height:18px; text-align:justify}

#viewpost {width:100%; list-style:inside}
#viewpost h1 {font-size:20px; clear:both; margin:10px 0; color:#860000}
#viewpost .date{width:auto; float:right; clear:both; color:#666; font-style:italic; padding-left:22px; background:url(images/date.jpg) no-repeat}
#viewpost .img{width:210px; margin:5px 10px 0 0}
#viewpost p, #viewPost div {line-height:20px; text-align:justify; padding:6px 0}
#viewpost li{margin:0 0 3px 25px}
#viewpost iframe{width:550px; height:400px}

#listinfo {width: 100%; clear: both;}
#listinfo .item{width:480px; height:140px; overflow:hidden; float:left; margin:20px 10px 0 0}
#listinfo .item img{float:left; width:200px; margin-right:10px; border:solid 1px #999}
#listinfo .item h2{font-size:16px; line-height:20px; height:40px; overflow:hidden}
#listinfo .item p{line-height:20px; height:100px; overflow:hidden; text-align:justify}

.item_info{width:100%; clear:both; padding:8px 0}
.item_info h5{font-size:13px; color:#018943; margin-bottom:5px}
.item_info p{line-height:20px}

.item_ykien{width:100%; clear:both; padding:8px 0}
.item_ykien h5{font-size:13px; color:#018943; margin-bottom:5px}
.item_ykien p{line-height:20px; height:40px; overflow:hidden}
.item_ykien .xemthem a{float:right; color:#900}
#guiykien{width:auto; padding:5px 8px 5px; cursor:text}
#guicauhoi{width:100%; line-height:18px; margin:20px; cursor:text}
#traloi{cursor:text}
.item_cauhoi{width:480px; float:left; margin:0px 10px 0 0; padding:8px 0; border-bottom:solid 1px #cbcbcb}
.item_cauhoi h3 a{font-size:16px; color:#39494F; margin-bottom:3px}
.item_cauhoi h3 a:hover{color:#F00}
.item_cauhoi div{line-height: 22px; height: 66px; overflow: hidden;}

#content_3{width:580px; height:450px; overflow:hidden}
#xemcauhoi{width: 600px; height:500px; overflow:scroll}
#xemcauhoi div{background: rgba(49,49,49,0.8); padding:10px; color:#FFF; line-height:22px}
#xemcauhoi div span{display: block;color: #999; line-height: 16px; padding: 8px 0; border-bottom: dotted 1px #666}

#formykien{width:100%; clear:both; padding-left:110px; margin-top:20px;}
#formykien h4{color:#860000; font-size:16px}
.txt{width:300px; padding:3px 5px; color:#666; margin:5px 0}
.textarea{width:300px; height:100px; padding:3px 5px; color:#666; margin:5px 0}
.btn{padding:5px 25px; margin:5px 10px 5px 0}

#phantrang {width: 100%; clear: both; padding-top:20px}
#phantrang a {padding:3px 8px; background:#E6E6E6; border:solid 1px #999999; color:#000; margin:0 2px}

.phantrang {width: 100%; clear: both; padding-top:20px}
.phantrang a {padding:3px 8px; background:#E6E6E6; border:solid 1px #999999; color:#000; margin:0 2px}

.title h1{font-size:26px; color:#7A1416}
.title h2{font-size:20px; font-weight:bold}

/*scroll*/
#content_1{width:250px; height:280px; padding:5px 0 5px 5px; overflow:auto}
#content_2{width:375px; float:left; height:402px; padding:10px 5px 10px 10px; overflow:auto; background-color:#D9D2B9}
.mCSB_container{width:auto; margin-right:30px; overflow:hidden}
.mCustomScrollBox>.mCSB_scrollTools{width:16px; height:100%; top:0; right:0}
.mCSB_scrollTools .mCSB_draggerContainer{position:absolute; top:0; left:0; bottom:0; right:0; height:auto;}
.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0;}
.mCSB_scrollTools .mCSB_draggerRail{width:2px; height:100%; margin:0 auto; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.mCSB_scrollTools .mCSB_dragger{cursor:pointer; width:100%; height:30px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px; height:100%; margin:0 auto; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-align:center}
.mCSB_scrollTools .mCSB_draggerRail{background:#000; background:rgba(0,0,0,0.4); filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)";}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#323232; background:rgba(50,50,50,0.75); filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)" }
.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{background:#323232; background:rgba(50,50,50,0.4);}
.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px;}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{background:#000;	background:rgba(0,0,0,0.3);}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px;	background:#000; background:rgba(0,0,0,0.1);}

/*partner*/
/*.simply-scroll-container {position: relative;}
.simply-scroll-clip {position: relative;overflow: hidden;}
.simply-scroll {width: 980px;height: 80px;} 
.simply-scroll .simply-scroll-clip {width: 980px;height: 80px;}
.simply-scroll .simply-scroll-list li {float:left; width:200px; height:80px; margin-right:5px;}*/

/*menu*/
#nav, #nav ul {list-style:none; position:relative; line-height:39px; z-index:1000; font-size:12px}
#nav a:link, #nav a:active, #nav a:visited {display:block; color:white; background-color:none; text-decoration:none}
#nav li a {font-weight:bold}
#nav a:hover {background-color:#aa0000; color:#FFFF00}
#nav li {float:left; position:relative}
#nav ul {position:absolute; width:180px; top:28px; display:none}
#nav li ul a {width:180px; line-height:28px; float:left; font-weight:normal; padding:0 10px; background:url(images/menu_line.gif) no-repeat right #860000; border-bottom:solid 1px #670000}
#nav li ul a:hover {background-color:#aa0000; color:#FFF}
#nav ul ul {top:auto}
#nav li ul ul {left:200px}

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul {display:none}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li li li:hover ul {display:block}

/*Photos*/
#photos * {margin: 0px; padding: 0px}
#photos ul {}
#photos ul li {display: inline; }
#photos .wide {border-bottom: 1px #000 solid; width:4000px;}
#photos .img {width:100px; height:75px; float:left; border:1px solid #999999; padding: 10px; margin:5px}

/* ZOOM */
#zoom{width:320px; height:350px; float:left; margin-right:10px;}
.magnifyarea {
	box-shadow: 5px 5px 7px #818181;
	-webkit-box-shadow: 5px 5px 7px #818181;
	-moz-box-shadow: 5px 5px 7px #818181;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);
	background: white;
}
.targetarea {width:320px; height:350px; margin-top:3px; border:solid 1px #999}
#two {height: 350px;}
.targetarea img {margin: auto; display: block; position: relative}
.thumbs {width:100%; text-align:center; margin-top:5px}
.thumbs a {text-decoration: none;}
.thumbs img {height:60px; float:left; margin-right:5px; border:solid 1px #999999}
#description, #description2 {position:absolute; width:300px; text-align:center; font:bold 95% sans-serif; margin-top:10px; color:#222; background-color: none;}

/* slideshow */
#slideshow {position:relative; width:350px; height:370px; float:left}
#slideshow DIV {position:absolute; top:0; left:0; z-index:8; opacity:0.0; height:370px; background-color:#E0DBC7; }
#slideshow DIV.active {z-index:10; opacity:1.0;}
#slideshow DIV.last-active {z-index:9;}
#slideshow DIV IMG {height:230px; display:block; border:0; margin-bottom:10px;}